<template>
  <ga-button style="margin-left: 8px"  @click="handleRefresh">
    <template #icon><icon-refresh :spin="Loading" /></template>
  </ga-button>
</template>

<script setup>
import { ref, defineEmits } from "vue";
const emit = defineEmits(["handleRefresh"]);
const Loading = ref(false);
const handleRefresh = () => {
  emit("handleRefresh");
  Loading.value = true;
  setTimeout(() => {
    Loading.value = false;
  }, 500);
};
</script>
<style lang="less" scoped></style>
